<template>
  <div>
    <van-form @submit="onSubmit">
      <van-cell-group inset>
        <van-field
        input-align="right"
          v-model="name"
          name="姓名"
          label="姓名"
          placeholder="姓名"
          :rules="[{ required: true, message: '请您填写姓名' }]"
        />
        <van-field
        input-align="right"
          v-model="password"
          name="身份证号"
          label="身份证号"
          placeholder="身份证号"
          :rules="[{ required: true, message: '请您填写身份证号' }]"
        />
        <van-field
        input-align="right"
          v-model="username"
          name="电话"
          label="电话"
          placeholder="电话"
          :rules="[{ required: true, message: '请您填写电话' }]"
        />
        <van-field
        input-align="right"
          v-model="result"
          is-link
          readonly
          name="picker"
          label="省级地区"
          placeholder="请选择省级地区"
          @click="showPicker = true"
        />
        <van-field
        input-align="right"
          v-model="result"
          is-link
          readonly
          name="picker"
          label="市级地区"
          placeholder="请选择市级地区"
          @click="showPicker = true"
        />
        <van-field
        input-align="right"
          v-model="result"
          is-link
          readonly
          name="picker"
          label="县级地区"
          placeholder="请选择县级地区"
          @click="showPicker = true"
        />
        <van-field
        input-align="right"
          v-model="result"
          is-link
          readonly
          name="picker"
          label="乡镇地区"
          placeholder="请选择乡镇地区"
          @click="showPicker = true"
        />
     <van-field
     input-align="right"
          v-model="username"
          name="户籍地址"
          label="户籍地址"
          placeholder="户籍地址"
          :rules="[{ required: true, message: '请您填写户籍地址' }]"
        />
        <van-field
        input-align="right"
          v-model="result"
          is-link
          readonly
          name="picker"
          label="省级地区"
          placeholder="请选择省级地区"
          @click="showPicker = true"
        />
        <van-field
        input-align="right"
          v-model="result"
          is-link
          readonly
          name="picker"
          label="市级地区"
          placeholder="请选择市级地区"
          @click="showPicker = true"
        />
        
      </van-cell-group>
    </van-form>
  </div>
</template>

<script>
import { defineComponent } from "vue";

export default defineComponent({
  name: "Center",
  
  setup() {
    return {};
  },
});
</script>

<style>
</style>
